<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>个人中心—钱包中心</title>
    <!-- Bootstrap -->
    <link href="public/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="public/css/common.css" rel="stylesheet"><!--公共样式-->
    <link rel="stylesheet" href="public/css/the_wallet_center..css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="public/js/html5shiv.min.js"></script>
    <script src="public/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!-- 头部 -->
<nav class="navbar navbar-default navbar-fixed-top head">
    <div class="container">
        <div class="container-fluid">
            <!-- logo -->
            <div class="navbar-header logo">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="public/image/logo_name.png" height="36px"></a>
            </div>

            <!-- 菜单 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">主页</a></li>
                    <li><a href="#">合约交易</a></li>
                    <li><a href="#">期权交易</a></li>
                    <li><a href="#">智能跟单</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
                <!--  二级菜单-->
                <ul class="nav navbar-nav navbar-right head_right">
                    <li class="dropdown">
                        <!--  <button type="button" class="btn btn-default navbar-btn">登录</button>
                          <button type="button" class="btn btn-default navbar-btn">注册</button>-->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <img class="head_img" src="public/image/head.png">
                            <span>数字合约</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Separated</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</nav>

<!--主体-->
<div class="centent_center">
    <div class="container">
        <!--左侧菜单-->
        <div class="list-group list_user">
            <a href="#" class="list-group-item active"> 账户中心</a>
            <a href="#" class="list-group-item">钱包中心</a>
            <a href="#" class="list-group-item">推广中心</a>
            <a href="#" class="list-group-item">跟随交易</a>
            <a href="#" class="list-group-item">充值明细</a>
            <a href="#" class="list-group-item">分享赚币</a>
            <a href="#" class="list-group-item">消息中心</a>
            <a href="#" class="list-group-item">账号设置</a>
            <a href="#" class="exit">退出</a>
        </div>

        <!-- 右侧内容-->
        <div class="user_right_centent">
            <!--右侧上面部分-->
            <div class="account_set">
                钱包设置
            </div>
            <!--右侧下面部分-->
            <ul class="account_set_content">
                <li class="col-xs-4 col-sm-4 col-md-4 bank_center_list">
                        <div class="bank_center_list_detail">
                            <div>
                                <div class="bank_center_img">
                                    <img src="public/image/yinlian.png" height="33" width="33"/>
                                </div>
                                <div class="bank_name">
                                    <p>中国工商银行</p>
                                    <p>收款姓名：<span>张三</span></p>
                                </div>
                                <span class="relieve_btn">解除</span>
                            </div>
                            <div class="clearfix"></div>
                            <div class="bank_center_num">
                                <span>****</span>
                                <span>****</span>
                                <span>****</span>
                                <span>5806</span>
                            </div>
                        </div>
                </li>
                <li class="col-xs-4 col-sm-4 col-md-4 bank_center_list">
                    <div class="add_card" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <span>添加银行卡</span>
                    </div>
                </li>

            </ul>
        </div>

    </div>
</div>

<!--模态框-->
<!-- Small modal 实名绑定-->
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <!--模态框头部-->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">实名绑定</h4>
            </div>
            <!--模态框中间内容-->
            <div class="modal-body">
                <form action="">
                    <div class="import_list">
                        <span for="">持卡人姓名：</span>
                        <input class="modal_body_input" type="text" placeholder="请输入持卡人姓名">
                    </div>
                    <div class="import_list">
                        <span for="">身份证号：</span>
                        <input class="modal_body_input" type="text" placeholder="请输入身份证号">
                    </div>
                    <div class="import_list">
                        <span for="">银行卡：</span>
                        <input class="modal_body_input" type="text" placeholder="请输入银行卡号">
                    </div>
                    <div class="import_list">
                        <span for="">所属银行：</span>
                        <input class="modal_body_input" type="text" placeholder="请输入新昵称">
                    </div>
                    <div class="import_list">
                        <span for="">银行预留手机卡：</span>
                        <input class="modal_body_input" type="text" placeholder="输入办卡时预留手机号码">
                    </div>
                </form>
            </div>
            <!--模态框尾部-->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                <button type="button" class="btn btn-primary">取消</button>
            </div>
        </div>
    </div>
</div>


<!-- Small modal 昵称修改-->
<div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <!--模态框头部-->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改登陆密码</h4>
            </div>
            <!--模态框中间内容-->
            <div class="modal-body modal-body_one">
                <form action="">
                    <span for="">昵称：</span>
                    <input class="modal_body_input" type="text" placeholder="请输入新昵称">
                    <span for="">昵称：</span>
                    <input class="modal_body_input" type="text" placeholder="请输入新昵称">
                </form>
            </div>
            <!--模态框尾部-->
            <div class="modal-footer modal-footer_one">
                <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                <button type="button" class="btn btn-primary">取消</button>
            </div>
        </div>
    </div>
</div>





<!-- 尾部-->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <p class="title">UITOUS</p>
                <p>UITOUS是一个提供区块链场外交易和币币交易平台，我们致力于让区块链更有效的流动，让更多人可以参与到区块链行业中来</p>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">客服服务</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><a href="">客服端下载</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">关于我们</a></li>
                    <li><a href="">公司介绍</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-12 col-md-12">Copyright 2017-1018 BIHUE.COM Rights Reserved</div>
        </div>
    </div>
</div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="public/js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="public/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>